<html xmlns="http://www.w3c.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">
	<h:head>
		<title>Distribuidora Frutos del Campo</title>
		<link rel="stylesheet" type="text/css" media="screen"
			href="../css/hojaDeEstilos.css" />
		<meta charset="utf-8" />
	</h:head>
	<h:body>
		<div id='contenido'>
			<header>
				<hgroup>
					<a href="../home.xhtml"> <img src="../imagenes/tituloPagina.jpg" /></a>
					<h2>Generación de Informes</h2>
				</hgroup>
				<hr />
				<br />
			</header>
	
			<section>
			<div id='textoPrincipal'>

				<!-- Panel de Busqueda -->
				<div class="row-fluid" align="center">
					<h:form id="formularioInformes">

						<div class="span12" align="left">
							<p:panel id="creiteriosInforme" header="Generar Informe">

								<h:panelGrid id="panelCriteriosInformes" columns="4"
									cellpadding="5">

									<h:outputLabel for="comboIntervalo" value="Intervalo: " />
									<p:selectOneMenu id="comboIntervalo" required="true"
										value="#{informesBean.intervaloSeleccionado}">
										<f:selectItem itemLabel="Seleccionar uno" itemValue="" />
										<f:selectItem itemLabel="Diario" itemValue="1" />
										<f:selectItem itemLabel="Mensual" itemValue="2" />
										<f:selectItem itemLabel="Anual" itemValue="3" />
									</p:selectOneMenu>

									<h:outputLabel for="comboProducto" value="Producto: " />
									<p:selectOneMenu id="comboProducto"
										value="#{informesBean.productoSeleccionado}"
										converter="productoConverter" effect="fade" label="Producto ">
										<f:selectItem itemLabel="Seleccionar uno" itemValue="" />
										<f:selectItems value="#{informesBean.productos}"
											var="producto" itemValue="#{producto}"
											itemLabel="#{producto.codigo}" />
									</p:selectOneMenu>

									<h:outputLabel for="comboCliente" value="Cliente: " />
									<p:selectOneMenu id="comboCliente"
										value="#{informesBean.clienteSeleccionado}"
										converter="clienteConverter" effect="fade" label="Cliente ">
										<f:selectItem itemLabel="Seleccionar uno" itemValue="" />
										<f:selectItems value="#{informesBean.clientes}" var="cliente"
											itemValue="#{cliente}" itemLabel="#{cliente.codigo}" />
									</p:selectOneMenu>

									<h:outputLabel for="fechaDesde" value="Desde la fecha: " />
									<p:calendar value="#{informesBean.fechaDesde}" id="fechaDesde" />

									<h:outputLabel for="comboTipoRubro"
										value="Tipo de Rubro Cliente: " />
									<p:selectOneMenu id="comboTipoRubro"
										value="#{informesBean.tipoRubroSeleccionado}"
										converter="tipoRubroConverter" effect="fade"
										label="Tipo de Rubro Cliente ">
										<f:selectItem itemLabel="Seleccionar uno" itemValue="" />
										<f:selectItems value="#{informesBean.tiposRubro}"
											var="tipoRubro" itemValue="#{tipoRubro}"
											itemLabel="#{tipoRubro.rubro}" />
									</p:selectOneMenu>

									<h:outputLabel for="fechaHasta" value="Hasta la fecha: " />
									<p:calendar value="#{informesBean.fechaHasta}" id="fechaHasta" />

									<h:outputLabel for="comboProveedor" value="Proveedor: " />
									<p:selectOneMenu id="comboProveedor"
										value="#{informesBean.proveedorSeleccionado}"
										converter="proveedorConverter" effect="fade"
										label="Proveedor ">
										<f:selectItem itemLabel="Seleccionar uno" itemValue="" />
										<f:selectItems value="#{informesBean.proveedores}"
											var="proveedor" itemValue="#{proveedor}"
											itemLabel="#{proveedor.codigo}" />
									</p:selectOneMenu>

									<h:outputLabel for="comboTipoGrafico" value="Gráfico: " />
									<p:selectOneMenu id="comboTipoGrafico" required="true"
										value="#{informesBean.tipoGraficoSeleccionado}">
										<f:selectItem itemLabel="Seleccionar uno" itemValue="" />
										<f:selectItem itemLabel="Barras" itemValue="1" />
										<f:selectItem itemLabel="Líneas" itemValue="2" />
									</p:selectOneMenu>

								</h:panelGrid>

								<p:panel id="mostrarBarras" header="Informe"
									visible="#{informesBean.visiblilidadPanelInformeBarras}">

									<p:outputPanel id="resultadoInformeBarras">

										<h:panelGrid columns="1" columnClasses="left,right"
											style="width:100%">

											<p:chart type="bar" model="#{informesBean.graficoBarras}"
												style="width:400px;" />

										</h:panelGrid>
									</p:outputPanel>
								</p:panel>

								<p:panel id="mostrarLineas" header="Informe"
									visible="#{informesBean.visiblilidadPanelInformeLineas}">

									<p:outputPanel id="resultadoInformeLineas">

										<h:panelGrid columns="1" columnClasses="left,right"
											style="width:100%">

											<p:chart type="line" model="#{informesBean.graficoLineas}"
												style="width:400px;" />

										</h:panelGrid>
									</p:outputPanel>
								</p:panel>

								<h:panelGrid id="panelBotonesInformes" columns="5"
									cellpadding="10">

									<p:commandButton id="informeGananciaTotalVentasButton"
										value="Ganancia Ventas"
										action="#{informesBean.generarInformeGananciaTotalVentas}"
										update="mostrarBarras mostrarLineas panelCriteriosInformes" 
										style="margin:1px; padding:1px; " />

									<p:commandButton id="informeInformeCantidadVentasButton"
										value="Cantidad Ventas"
										action="#{informesBean.generarInformeCantidadVentas}"
										update="mostrarBarras mostrarLineas panelCriteriosInformes"
										style="margin:1px; padding:1px; " />

									<p:commandButton id="informeInformeImporteVentasButton"
										value="Importe Ventas"
										action="#{informesBean.generarInformeImporteVentas}"
										update="mostrarBarras mostrarLineas panelCriteriosInformes" 
										style="margin:1px; padding:1px; "/>

									<p:commandButton id="informeInformeCantidadComprasButton"
										value="Cantidad Compras"
										action="#{informesBean.generarInformeCantidadCompras}"
										update="mostrarBarras mostrarLineas panelCriteriosInformes" 
										style="margin:1px; padding:1px; "/>

									<p:commandButton id="informeInformeImporteComprasButton"
										value="Importe Compras"
										action="#{informesBean.generarInformeImporteCompras}"
										update="mostrarBarras mostrarLineas panelCriteriosInformes" 
										style="margin:1px; padding:1px; "/>

								</h:panelGrid>

							</p:panel>
						</div>

					</h:form>
				</div>

			</div>
		</section>
		</div>
	
	</h:body>
</html>